<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/add.css"/>
</head>
<body>
<div id="app">
    <div class="header">
        <span>删除快递信息</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">运单号</td>
                <td class="content_right"><input id="number" class="input inline-input" placeholder="请输入运单号码"> <span
                        id="find" class="btn btn-info">立即查找</span></td>
            </tr>
        </table>
    </div>


    <div class="header">
        <span>查找信息如下</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">快递单号</td>
                <td class="content_right"><input class="input" placeholder="请输入姓名"></td>
            </tr>
            <tr>
                <td class="text-right">快递公司</td>
                <td class="content_right"><input class="input" placeholder="请输入姓名"></td>
            </tr>
            <tr>
                <td class="text-right">收货人姓名</td>
                <td class="content_right"><input class="input" placeholder="请输入姓名"></td>
            </tr>
            <tr>
                <td class="text-right">手机号码</td>
                <td class="content_right"><input class="input" placeholder="请输入姓名"></td>
            </tr>
            <tr>
                <td class="text-right">快递状态</td>
                <td class="content_right" id="status">已签收</td>
            </tr>
            <tr>
                <td></td>
                <td class="content_right"><span class="btn btn-info" id="delete">立即删除</span></td>
            </tr>
        </table>
    </div>
</div>
</body>
<script src="/qrcode/jquery2.1.4.js"></script>
<script src="/layer/layer.js"></script>
<script>
    $(".header:eq(1),.content:eq(1)").hide();
    var expressId = null;
    $(function () {
        $("#find").click(function () {
            var windowId = layer.load();
            var number = document.getElementById("number").value;   //获取查找的单号
            if (number.length > 0) {
                $.getJSON("/express/find.do", {number: number}, function (data) {
                    layer.close(windowId);
                    layer.msg(data.result);
                    if (data.status == 0) {
                        $(".header:eq(1),.content:eq(1)").fadeIn(1000);   //设置第二个有header 这个class的标签，慢慢的显示出来
                        expressId = data.data.id;
                        $("input:eq(1)").val(data.data.number);
                        $("input:eq(2)").val(data.data.company);
                        $("input:eq(3)").val(data.data.userName);
                        $("input:eq(4)").val(data.data.userPhone);

                        $("input:eq(1),input:eq(2),input:eq(3),input:eq(4)").prop("disabled", true);   //将上面这几个输入框设置为不可修改
                        if (data.data.status == 0) {
                            //未签收
                            $("#status").html("未签收");
                        } else {
                            //已签收
                            $("#status").html("已签收");
                        }


                    }
                });
            } else {
                layer.close(windowId);
                layer.msg("<span style='color:black'>" + "查询的单号不能为空" + "</span>", {icon: 7, shade: 0.01});
            }

        });
        $("#delete").click(function () {
            var windowId = layer.load();
            $.getJSON("/express/delete.do", {id: expressId}, function (data) {
                layer.close(windowId);
                layer.msg(data.result);
                if (data.status == 0) {
                    $(".header:eq(1),.content:eq(1)").hide();
                }
            });


        })

    })

</script>

</html>

